<template>
    <div>
        <p>邮箱:{{myInfo.MyEmail}}</p>
    </div>
</template>

<script>
    export default {
        name: "child",
        props:['email'],
        data(){
            return{
                myInfo:{
                   MyEmail:this.email
                }
            }
        },
        watch:{
            'email':{
                handler(){
                    this.myInfo.MyEmail = this.email+'.com'
                }
            }
        }
    }
</script>

<style scoped>

</style>